<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/common.js"></script>
		<script src="method/xue/ins28.js"></script>
		<script src="js/jquery.pagination.min.js"></script>
		<script src="method/wf/pageSkip.js"></script>
		<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
		<link rel="stylesheet" href="css/reset.css">

		<link rel="stylesheet" href="new_css/insUser.css">
		<link rel="stylesheet" href="css/common.css">
		<style type="text/css">
			*{
				border: 0px;
			}
			tr{
				height: 40px;
			}
			.td_a{
				width: 120px;
				height: 40px;
				display: inline-block;
				color: white;
				background-color: rgb(255,138,0);
				text-align: center;
               line-height: 40px;
               border-radius: 5px;
			}
			.search_a{
				width: 160px;
				height: 47px;
				display: inline-block;
				color: white;
				background-color: rgb(255,138,0);
				text-align: center;
				line-height: 47px;
				margin-left: -10px;
				
			}
			.right_div{
				display: inline-block;
				margin-top: -8px;
			}
			.search_input{
				width: 400px;
				height: 45px !important;
				padding-left: 15px;
				line-height: 45px;
				font-size: 12px;
			}
			.mainList .content .right .title {
				width: 100%;
				height: 60px;
				border-bottom: 1px solid #d3d3d3;
				line-height: 44px;
				font-size: 18px;
				padding-top: 20px;
				color: #202020;
}
			.mainList .content .right {
				margin-left: 8px;
				width: 950px;
				float: right;
				height: 100%;
				padding: 0 20px;
				border: 1px solid #d3d3d3;
			}
			.xixihaha td{
				height: 40px;
			}

			.myPage{
				width: 470px;
				position: absolute;
				left: 55%;
				margin-top: 30px;

			}
			.mainList .content {
    width: 100%;
    /* overflow: hidden; */
    height: 1200px;
    margin-bottom: 30px;
}
		</style>
	</head>

	<body style="background:#fff;">
	<!--header-->
	<%@include file="/header5.jsp"%>
		<div class="mainList">
			<div class="content">
				<div class="left">
					<div class="title">机构用户</div>
					<ul class="ninu" style="text-align: center">
						<li onclick="li1()" style="text-align: center">仪器管理人员维护</li>
						<li onclick="li2()" style="text-align: center">服务审核</li>
						<li onclick="li3()" style="text-align: center">仪器发布查询</li>
					</ul>

					<ul class="ninu" >	
						<li style="text-align: center" class="list_header">统计分析<img src="images/insUser_icon.png" /></li>
					</ul>
					<ul class="secendList" id="cbdsiac">
						<li onclick="li4()">仪器使用情况分析</a></li>
						<li onclick="li5()">月度经营收入分析</li>
						<li onclick="li6()">预约处理效率分析</li>
						<li onclick="li7()">违约率统计分析</li>
						<li onclick="li8()">用户评价统计分析</li>
					</ul>




				</div>
	
	<style>
	.mainList .content .left li {
		/*width: 100%;*/
		font-size: 16px;
		color: #202020;
		height: 40px;
		line-height: 40px;
		background: #fff;
		cursor: pointer;
	}
	.mainList .content .left .list_header img {
	position: absolute;
	top: 16px;
	right: 32px;
	}
	.mainList .content .left .ninu li {
	width: 176px;
	}
	.mainList .content .left .secendList li {
		padding-left: 42px;
		width: 149px;
	}
	</style>
				<div class="right">
					<div class="title"><span class="selected" >仪器管理人员维护</span>
						<div class="right_div" style="float: right;">
							<input class="search_input" type="text" id="searchInput" placeholder="请输入用户名，真实姓名，联系电话，身份证号" />
						    <a class="search_a" onclick="manageload()">
						    	搜索
						    </a>
						</div>
					</div>
					<table id="tablelist">
						<tr class="table-title">
							<!-- <th>序号</th>
							<th>用户名</th>
							<th>所属单位</th>
							<th>真实姓名</th>
							<th>职位</th>
							<th>联系电话</th>
							<th>身份证号</th>
							<th>申请时间</th>
							<th>申请结果</th>
							<th>操作</th> -->
						</tr>
						<tr class="xixihaha" >
						<!-- 	<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							-->
						</tr> 
					</table>
					<!--page-->
<!-- 					<div class="myPage clearfix"> -->
<!-- 						currentpage="1" numbercount="100" -->
<!-- 						<ul class="page" maxshowpageitem="5" pagelistcount="10"  id="pagination3"></ul> -->
<!-- 					</div> -->
		<div class="pageButton">
		<div id="pagination3" class="page fl"></div>
			<!-- <div class="info fl">
				<p>当前页数：<span id="current3">1</span></p>
			</div> -->
			<input type="text" id="allinfonumber" style="display:none"/>
		</div>
		</div>
				</div>

			</div>

		</div>

	<!--footer-->
	
		<%@include file="/footer.jsp"%>

	<script>
		/* alert(sessionStorage.getItem("id")) id存放在sessionStorage对象中*/ 
        $(function() {
            $('#front_header .header_wrap .right').hover(function() {
                $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
                $('#front_header .header_wrap .right .out').show();
            }, function() {
                $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
                $('#front_header .header_wrap .right .out').hide();
            });
            $('#sorts').on('mouseover', 'li', function() {
                $(this).find('span img').attr('src', 'images/icon4.png');
            });
            $('#sorts').on('mouseout', 'li', function() {
                $(this).find('span img').attr('src', 'images/icon5.png');
            });
            $('.mainList .content .left li').click(function() {
                $('.mainList .content .left li').removeClass('selected');
                $(this).addClass('selected');
            });
            $('.mainList .content .left .list_header').click(function() {
                if($('.mainList .content .left .secendList').is(':hidden')) {
                    $('.mainList .content .left .secendList').slideDown();
                    $('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
                } else {
                    $('.mainList .content .left .secendList').slideUp();
                    $('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
                };

            });
        });
	$("#scoreCount").click(function(){
		window.location.href=indexUrl+"/chart38"
	})
	$("#appiont").click(function(){
		window.location.href=indexUrl+"/chart36"
	})
	</script>
	<script>
	$(document).ready(function(){
		$('.mainList .content .left #cbdsiac').hide();
	})
	</script>
	<style>
	.mainList .content .right table {
		margin-top: 20px;
		width: 100%;
		height: 80px;
		border-collapse: collapse;
		border: 1px solid #ccc;
	}
	.mainList .content .right .title span {
		display: inline-block;
		height: 100%;
		margin-top: -15px;
		border-bottom: 2px solid #ff8a00;
	}
	.mainList .content .right table th {
		height: 80px !important;
		background: #f4f4f4;
		color: #939393;
	}
	tr {
		height: 80px;
	}

	.pageButton {
	padding: 20px 0 29px 0;
	width: 1200px;
	margin: 0 auto;
	text-align: right;
	}
	.ui-pagination-container {
        width: 900px;
        height: 100px;
        overflow: hidden;
	}


	a.ui-pagination-page-item.active12345 {
	width: 35px;
	height: 35px;
	display: inline-block;
	background: #ff8a00;
	text-align: center;
	line-height: 35px;
	color: #fff;
	border-radius: 2px;
	}
	a.ui-pagination-page-item {
	width: 35px;
	text-align: center;
	line-height: 35px;
	border-radius: 2px;
	margin-right: 10px;
	display: inline-block;
	border: 1px solid #ccc;
	}
	a.ui-pagination-page-btn {
	width: 35px;
	height: 35px;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	border-radius: 2px;
	margin-right: 10px;
	margin-left: 10px;
	}



	a.ui-pagination-page-item.nextPage, a.ui-pagination-page-item.prevPage,a.ui-pagination-page-item.endPage, a.ui-pagination-page-item.homePage{
	line-height: 35px;
	/* color: #fff; */
	border-radius: 2px;
	margin-right: 10px;
	/* padding-right: 20px; */
	display: inline-block;
	border: 1px solid #ccc;
	width: 100px;
	}
	</style>
	</body>

</html>